/**
 * Created by user001 on 2016/7/13.
 */
/**
 * Created by Daniel on 7/11/16.
 */
import React from 'react';
class Person extends React.Component {
    constructor(props) {
        super(props);
        // this.state = FooterStore.getState();
        // this.onChange = this.onChange.bind(this);
    }

    componentDidMount() {
        // FooterStore.listen(this.onChange);
        // FooterActions.getTopCharacters();
    }

    componentWillUnmount() {
        // FooterStore.unlisten(this.onChange);
    }

    onChange(state) {
        this.setState(state);
    }

    render() {
        return (
            <li>
                <div data-websever="content">
                    <div data-websever="userhead">
                        <img src="/img/amarr_bg.jpg" alt=""/>
                        <span data-websever="qi">{this.props.info.userhead}</span>
                    </div>
                    <div data-websever="username">{this.props.info.username}</div>
                    <div data-websever="usertab">
                        <ul>
                            {
                                this.props.info.usertab.map(function (tab) {
                                    return <li>{tab}</li>
                                })
                            }
                        </ul>
                    </div>
                    <div data-websever="userother">
                        收到邀请{this.props.info.userother.gets}/接受邀请{this.props.info.userother.send}
                    </div>
                </div>
                <div data-websever="modal">
                    <h2>{this.props.info.severname}</h2>
                    <hr />
                    <p>酬劳模式:{this.props.info.severpay}</p>
                    <div>服务详情:{this.props.info.severdetails}</div>

                </div>
            </li>

        );
    }
}

export default Person;